<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./reset.css">
    <link rel="stylesheet" href="./reset1.css">
    <link rel="stylesheet" href="./home.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2600560_f320wlu6dem.css">
    <title>首页</title>
</head>
<body>
    <!-- 头部 -->
    <header>
        <!-- 顶部栏 -->
        <div class="header-top">
            <div class="bg-width">
                <div>全国服务热线400-000-0000</div>
                <div>
                    <a href="">设为首页</a>
                    <a href="">加入收藏</a>
                </div>
            </div>
        </div>
        <div class="header-bottom">
            <!-- logo以及公司名 -->
            <div class="left">
                <div class="logo">
                    <img src="/练习/项目一/img/logo.png" alt="">
                </div>
                <div class="company-name">
                    <h1>TK科技有限公司</h1>
                    <h2>cer dcd keo Holdings Co., Ltd.</h2>
                </div>
            </div>
            <!-- 导航栏 -->
            <div class="right">
                <ul>
                    <li>
                        <a href="">
                            <h3>首页</h3>
                            <h3>Home</h3>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h3>关于我们</h3>
                            <h3>About</h3>
                        </a>
                    </li>
                    <li>
                        <a href="./product.html">
                            <h3>产品中心</h3>
                            <h3>Products</h3>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h3>服务支持</h3>
                            <h3>Service</h3>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h3>新闻中心</h3>
                            <h3>News</h3>
                        </a>
                    </li>
                    <li>
                        <a href="./detail.html">
                            <h3>在线商店</h3>
                            <h3>Shop</h3>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <h3>练习我们</h3>
                            <h3>Contact Us</h3>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 内容 -->
    <section>
<!-- 轮播图 -->
<div class="background">
    <img src="./img/首页/banner.jpg" alt="">
    <ul class="pages">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>
<!-- 新闻中心 -->
<div class="content">
    <ul>
        <li>
            <div class="content-top">
                <img src="./img/首页/icon6.jpg" alt="">
                <h4>新闻中心</h4>
                <h4>NEWS.CENTER</h4>
            </div>
            <div class="trigon"></div>
            <div class="news-mid">
                <h4>CeBIT 2015</h4>
                <div class="news-content">
                    <img src="./img/首页/pic1.jpg" alt="">
                    <ul>
                        <li>创新ICT共建全联接</li>
                        <li>世界德国汉诺威展览</li>
                        <li>中心</li>
                        <li>3月16日-20日</li>
                    </ul>
                </div>
                <div class="news-bot">
                    <img src="/练习/项目一/img/图层 4.jpg" alt="">
                    <ul>
                        <li>上海国际智能建筑展览会</li>
                        <li>2014德国柏林国际消费类电子产品展览会</li>
                        <li>2014中国（贵阳）公告安全防范产品博览会</li>
                    </ul>
                </div>
            </div>
        </li>
        <li>
            <div class="content-top">
                <img src="./img/首页/icon7.jpg" alt="">
                <h4>新品发布</h4>
                <h4>NEW.PRODUCTS</h4>
            </div>
            <div class="trigon"></div>
            <div class="green-bot">
                <img src="./img/首页/左.jpg" alt="">
                <img src="./img/首页/pic2.jpg" alt="">
                <img src="./img/首页/右.jpg" alt="">
                <p>s6213w-y</p>
                <p>海思3518E方案，多码流技术，百万高清</p>
            </div>
        </li>
        <li>
            <div class="content-top">
                <img src="./img/首页/icon8.jpg" alt="">
                <h4>品牌介绍</h4>
                <h4>INFORMATION</h4>
            </div>
            <div class="trigon"></div>
            <div class="right-bot">
                <img src="./img/首页/pic3.jpg" alt="">
                <div>
                    <p>"siepem"品牌是广州市TK科技有限公司推出的自有品牌</p>
                </div>
            </div>
        </li>
    </ul>
</div>
<!-- 关于我们 -->
<div class="aboutus">
    <div class="title">
        <h3>关于我们</h3>
        <div class="line-box">
        <div class="line"></div>
        <h4>STORE DISPLAY</h4>
        <div class="line"></div>
        </div>
    </div>
    <div class="content">
        <p>
            广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。
            TK公司自创立以来，一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品持续为客户创造最大价值
        </p>
        <img src="./img/首页/中间图.jpg" alt="">
    </div>
</div>
<!-- 联系我们 -->
<div class="contactus">
    <div class="title">
        <h3>联系我们</h3>
        <div class="line-box">
        <div class="line"></div>
        <h4>STORE DISPLAY</h4>
        <div class="line"></div>
        </div>
    </div>
    <div class="content-title">
        <div class="left">
            <div class="message">
                <div class="erweima">
                    <img src="./img/首页/二维码.jpg" alt="">
                    <p>微信扫一扫</p>
                    <p>关注我们相关的信息</p>
                </div>
                <div class="company">
                    <ul>
                        <li>
                            <i class="iconfont icon-dianhua"></i>
                            <span>服务热线：400-000-0000</span>
                        </li>
                        <li>
                            <i class="iconfont icon-lianxiren"></i>
                            <span>联系人：某先生</span>
                        </li>
                        <li>
                            <i class="iconfont icon-shuangsechangyongtubiao-"></i>
                            <span>公司邮箱：www.tk.com</span>
                        </li>
                        <li>
                            <i class="iconfont icon-B"></i>
                            <span>公司传真：000-12345678</span>
                        </li>
                        <li>
                            <i class="iconfont icon-ercibianma-"></i>
                            <span>邮政编码：467000</span>
                        </li>
                        <li>
                            <i class="iconfont icon-dizhi"></i>
                            <span>公司地址：广州市某某区某某路某号</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="map">
                <iframe src="./map.html" frameborder="0"></iframe>
            </div>
        </div>
        <div class="right">
            <form action="">
                <div>昵称</div>
                <input type="text">
                <div>联系电话</div>
                <input type="text">
                <div>电子邮箱</div>
                <input type="text">
                <div>内容</div>
                <textarea></textarea>
                <input type="submit">
            </form>
        </div>
    </div>
</div>
    </section>
    <!-- 底部 -->
    <footer>
        <div class="foot-top">
            <div>
            <span>关注我们: </span>
            <a href=""><i class="iconfont icon-weibo"></i></a>
            <a href=""><i class="iconfont icon-ziyuan"></i></a>
            <a href=""><i class="iconfont icon-QQ"></i></a>
        </div>
            <ul>
                <li><a href="">网站首页</a></li>
                <li><a href="">新闻动态</a></li>
                <li><a href="">关于我们</a></li>
                <li><a href="">团队风采</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">在线留言</a></li>
            </ul>
    </div>
        <div class="foot-bot">
            <i class="iconfont icon-shangbiao"></i> <span> 2015 TK科技有限公司 版权所有沪ICP证13022560号-7 ALL Rights Reserved</span>
        </div>
    </footer>
</body>
</html>